<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>后台管理系统</title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport"
	content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="format-detection" content="telephone=no">
<link rel="stylesheet" href="./css/x-admin.css" media="all">
<script src="./ueditor/ueditor.config.js"></script>
<script src="./ueditor/ueditor.all.min.js"></script>
<script src="./ueditor/lang/zh-cn/zh-cn.js"></script>

</head>
<body>
	<div class="x-nav">
		<span class="layui-breadcrumb"> <a><cite>首页</cite></a>  <a><cite>员工管理</cite></a>
			<a><cite>员工成绩</cite></a><a><cite>员工成绩增加</cite></a>
		</span> <a class="layui-btn layui-btn-small"
			style="line-height: 1.6em; margin-top: 3px; float: right"
			href="javascript:location.replace(location.href);" title="刷新"><i
			class="layui-icon" style="line-height: 30px">ဂ</i></a>
	</div>
	<div class="x-body">
		<div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">

			<div class="layui-tab-content">
				<div class="layui-tab-item layui-show">
					<form class="layui-form layui-form-pane" action="EmpScoreServlet?op=add" method="post">
						<input type="hidden" name="id" value="" />
						<div class="layui-form-item">
							<label class="layui-form-label"> <span class='x-red'>*</span>员工号
							</label>
							<div class="layui-input-block">
								<select name="empNo" id="empNo"></select>
							</div>
						</div>
						<div class="layui-form-item">
							<label class="layui-form-label"> <span class='x-red'>*</span>课程计划号
							</label>
							<div class="layui-input-block">
								<select name="cpNo" id="cpNo"></select>
							</div>
						</div>
						<div class="layui-form-item">
							<label class="layui-form-label"> <span class='x-red'>*</span>教员号
							</label>
							<div class="layui-input-block">
								<select name="teacherNo" id="teacherNo"></select>
							</div>
						</div>
						<div class="layui-form-item">
							<label class="layui-form-label"> <span class='x-red'>*</span>成绩
							</label>
							<div class="layui-input-block">
								<input type="text" name="score" autocomplete="off"
									placeholder="请输入成绩" class="layui-input" lay-verify="required"
									value="">
							</div>
						</div>
						<div class="layui-form-item">
							<label class="layui-form-label">是否通过</label>
							<div class="layui-input-block">
								<input type="radio" id="pass" name="pass" value="1" title="通过"
									checked="checked">
								<div class="layui-unselect layui-form-radio layui-form-radioed">
									<i class="layui-anim layui-icon layui-anim-scaleSpring"></i>
									<div>已通过</div>
								</div>
								<input type="radio" id="pass" name="pass" value="0" title="未通过">
								<div class="layui-unselect layui-form-radio">
									<i class="layui-anim layui-icon"></i>
									<div>未通过</div>
								</div>
							</div>
						</div>
						<div class="layui-form-item layui-form-text">
							<label class="layui-form-label"> <span class='x-red'>*</span>教员评语
							</label>
							<div class="layui-input-block">
								<textarea placeholder="请输入评语" class="layui-textarea"
									name="notes" lay-verify="required"></textarea>
							</div>
						</div>
						
						<div class="layui-form-item">
							<button class="layui-btn" type="submit" lay-submit="submit" lay-filter="*">
								添加</button>
						</div>
					</form>
					<div style="height: 100px;"></div>
				</div>
			</div>
		</div>
	</div>
	<script src="./lib/layui/layui.js" charset="utf-8"></script>
	<script src="./js/x-layui.js" charset="utf-8"></script>
	<script src="./js/jquery-2.0.3.js" charset="utf-8"></script>
	<script type="text/javascript">
		//实例化编辑器
		//建议使用工厂方法getEditor创建和引用编辑器实例，如果在某个闭包下引用该编辑器，直接调用UE.getEditor('editor')就能拿到相关的实例
		UE.getEditor('content', {
			initialFrameWidth : 600,
			initialFrameHeight : 400,
		});
	</script>
	<script>
		layui.use([ 'element', 'layer', 'form' ], function() {
			$ = layui.jquery;//jquery
			lement = layui.element();//面包导航
			layer = layui.layer;//弹出层
			form = layui.form();

			//监听提交
			form.on('submit(*)', function(data) {
				
				var data = data.field;
				$.ajax({
					type : "post",
					url : "EmpScoreServlet?op=add",
					data : data,
					dataType : "json",
					success : function(data) {
						if (data) {
							layer.msg("添加成功", {
								icon : 1,
								time : 1000
							});
							setTimeout(function() {
								window.parent.location.reload();
								var index = parent.layer
										.getFrameIndex(window.name);
								parent.layer.close(index);
							}, 1000);
							return false;
						} else {
							layer.msg("添加失败", {
								icon : 5,
								time : 2000
							});
							return false;
						}
					}
				});
				return false;
			});

		})
	</script>
	<script type="text/javascript">
	$(function() {
		$.get("EmpServlet?op=ajaxReq", function(data) {
			$.each(data, function(index, emp) {
				$("#empNo").append("<option value="+emp.empNo+">" + emp.empNo + "</option>");
			});
		});
		
		$.get("CoursePlanServlet?op=ajaxReq", function(data) {
			$.each(data, function(index, cp) {
				$("#cpNo").append("<option value="+cp.cpNo+">" + cp.cpNo + "</option>");
			});
		});
		
		$.get("TeachServlet?op=ajaxReq", function(data) {
			$.each(data, function(index, teacher) {
				$("#teacherNo").append(
						"<option value="+teacher.teacherNo+">"
								+ teacher.teacherNo + "</option>");
			});
		});
		
	});
	
	</script>

</body>
</html>